<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
  <input type="text" placeholder="商品名" v-model="p.title">
  <input type="text" placeholder="商品价格" v-model="p.price">
  <input type="text" placeholder="商品销量" v-model="p.saleCount">
  <input type="button" value="添加" @click="insert()" >
</div>
  <script src="js/axios.min.js"></script>
  <script src="js/vue.js"></script>
  <script>
    let v =new Vue({
      el:"div",
      data:{
        p:{
          title:"",price:"",saleCount:""
        },
        methods:{
            insert(){
            axios.post("/insert",v.p).then(function () {
              alert("添加成功")
              location.href="/";
            })
          }
        }
      }
    })
  </script>

</body>
</html>